﻿body {
    background-color:black;
    margin:0;
    overflow-x:hidden;
}

ul{
    margin-top:0;
    margin-bottom:0;
}

.page_top{
    background-image:url(../Image/Bg_top.jpg);
    width:1360px;
    height:660px;
    margin:0 auto;
}

.page > .page_top > .page_top_head_bg {
    width: 275px;
    height: 275px;
    margin: auto;
    background-color: #1e243a;
    border-radius: 50%;
    position: relative;
    top: 500px;
}

.page >.page_top >.page_top_head_bg >.page_top_head_img{
    padding-top: 20px;
    width: 235px;
    margin: auto;
}

.page >.page_top >.page_top_head_bg >.page_top_head_img img{
    border-radius: 50%;
    width: 235px;
    height: 235px;
}

.page_two{
    margin:auto;
    height:577px;
    width:1360px;
    background-color:#1e243a;
}

.page_two_myselfcondition,
.page_two_myselfhobby,
.page_two_contactways{
    font-weight:900;
    font-size:30px;
    color:#00b7ee;
    display:inline;
}

.meselfcondition_one, .meselfcondition_two, .meselfhobby_one, .meselfhobby_two{
    margin-bottom:10px;
}
.contactways_one,.contactways_two{
    margin-bottom:15px;
}

.page_two_myselfcondition{
    display:inline;
    padding-right:262px;
}
.page_two_nav{
    padding-top: 147px;
    padding-left: 206px;
}

.page_two_myselfhobby{
    padding-right:262px;
}

.page_three{
    margin:auto;
    height:798px;
    width:1360px;
    background-color:#192233;
}

.page_four{
    margin:auto;
    height:822px;
    width:1360px;
    background-color:#1e243a;
}

.page_five{
    margin:auto;
    height:765px;
    width:1360px;
    background-color:#192233;
}

.page_six{
    margin:auto;
    height:500px;
    width:1360px;
    background-color:#1e243a;
}

.page_six_img{
    height: 251px;
    width: 227px;
    margin: auto;
    padding-top: 100px;
}

.page_six_word{
    font-size:28px;
    font-weight:900;
    width: 650px;
    margin: auto;
    margin-top: 52px;
}

.page > .page_two > .describe{
    font-size:28px;
    color:white;
    font-weight:900;
}


.page > .page_two > .describe > .myselfcondition,
.myselfhobby, .contactways{
    margin-top:164px;
    margin-left:205px;
    float:left;
}

.contactways_one,.contactways_two,.contactways_three{
    font-size:20px;
}

.introduce{
    color:#f8f1f1;
    font-size:32px;
    font-weight:800;
    width:560px;
    padding-top:242px;
    padding-left:257px;
    line-height:1.5;
}

.logo_works{
    width:1366px;
    height:224px;
}

.item img{
    height:485px;
    width:781px;
}

.data{
    width:917px;
    height:100%;
    padding-top:40px;
    padding-left:30px;
}

.three{
    margin-bottom:30px;
    font-size:26px;
}

.logo_study{
    display:inline-block;
}
.logo_study img{
    padding-top:20px;

}

.study_time{
    color:#2bfdda;
    padding-top:35px;
}
.experience{
    color:white;
}
.logo_works{
    height:224px;
    width:1366px;
}
.logo_works img{
    margin-left:561px;
}

.page_four_img{
    display:block;
    margin:0 auto;
}
.logo_introduce{
    position: relative;
    margin-top: -220px;
    margin-left: 1000px;
}

.threeWrap{
    float:left;
    list-style:none;
}

.works_img{
    width:100%;
    height:100%;
    margin-top:50px;
    padding-left: 320px;
}

::selection {
    background-color:darkgrey;
    color:#000;
}
::-moz-selection {
    background-color:darkgray;
    color:#000;
}

